<template>
  <a-layout id="components-layout-demo-top" class="layout">
    <a-layout-header>
      <div class="logo">EdgeMaintain</div>
      <side-menu></side-menu>
    </a-layout-header>
    <a-layout-content style="padding: 0 50px">
      <div class="maincontent">
        <router-view />
      </div>
    </a-layout-content>
    <a-layout-footer style="text-align: center">
      A Connection to an endless world.
    </a-layout-footer>
  </a-layout>
</template>
<script>
import SideMenu from "@/components/menu/SideMenu";
//import themeUtil from "@/utils/themeUtil";
export default {
  components: {
    SideMenu,
  },
  data() {
    return {};
  },
};
</script>

<style>
#components-layout-demo-top .logo {
  width: 120px;
  height: 31px;
  color: white;
  text-align: center;
  float: left;
}
.maincontent {
  min-height: calc(100vh - 133px);
}
</style>
